<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="../../../element/index.css" rel="stylesheet" />
		<script src="../../../js/vue.js"></script>
		<script src="../../../element/index.js"></script>
		<script src="../../../js/axios.js"></script>
		<script src="../../../js/gsaucommon.js"></script>
		<title></title>
		<style>
		*{
			margin: 0; 
			padding: 0;
		}
		#app{
			width: 1200px;
			margin: 30px auto;
			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
		}
		.el-header{
			margin-top:10px ;
			height: 300px;
		}
		.name{
			height:50px;
			position: sticky; 
			top: 0px;  
			z-index: 999;
			background-color: white;
			border: 2px solid #F8F8FF;
			margin-top: 0px;
		}
		.title{
			width: 150px;
			height: 40px;
			margin-top:15px;
			text-align: center;
		}
		.add-data{
			width: 150px;
			height: 40px;
			margin-top:8px;
			margin-left: 35px;
		}
		.search{
			width: 230px;
			height: 40px;
			margin-top: 7px;
			font-size:15px;
		}
		.search_span{
			font-size:15px;
			padding-left: 50px;
			margin-top: 15px;
		}
		.status{
			width: 350px;
			margin-top: 7px;
			height: 40px;
			font-size:15px;
		}
		.search-icon{
			width: 600px;
			margin-top: 15px;
			height: 40px;
			font-size:15px;	
		}
		.el-main{
		}
		.main_text{
			width: 1100px;
			margin: 0 auto;
		}
		.el-footer{
			height: 40px;
		}
		.page{
			width: 550px;
			margin: 15px auto;
		}
		</style>
	</head>
	<body>
		<div id="app">
			<el-container>
				<el-header class="name">
					<el-row>
						<el-col :span="21">
							<div class="title"><h3>审核</h3></div>
						</el-col>
					
					</el-row>
				</el-header>
				<!-- 页眉 -->
				<!-- <el-header>
					<el-row>
						<el-col :span="3">
							<div class="search_span">项目名称：</div>
						</el-col>
						<el-col :span="8">
						 <div class="search">
							  <el-input v-model="search_message"  placeholder="请输入关键词">  </el-input>
						 </div>
						</el-col>
						<el-col :span="9">
							<div class="status">
								<span>流程状态：</span>
								<el-select v-model="search_status" placeholder="请选择">
									 <el-option v-for="(item,index) in note" :value=item.name></el-option>
								</el-select>
							</div>
						</el-col>
						<el-col :span="2">
							<el-button type="primary" style="margin: 12px;" size="mini" @click="search" icon="el-icon-search" >
								搜索
							</el-button>
						</el-col>
					</el-row>
				</el-header> -->
				<!-- 正文 -->
				<el-main>
					<el-row >
						<el-col :span="24">
							<div class="main_text">
								<template>
								  <el-table :data="tableData" stripe border style="width: 100%" highlight-current-row >
									<el-table-column type="index" fixed prop="id" label="序号"  width="50"></el-table-column>
								    <el-table-column fixed prop="tianbaoName" label="填报人"  width="80"></el-table-column>
								    <el-table-column prop="xiangmuName" label="项目名称" width="300"></el-table-column>
								    <el-table-column prop="createTime" label="提交时间" width="160"></el-table-column>
									<el-table-column prop="node" label="节点状态" width="100"></el-table-column>
									<el-table-column prop="huojiangName" label="项目类别" width="140"></el-table-column>
								    <el-table-column fixed="right" label="操作" width="150" >
								      <template slot-scope="scope">
								      <!--  <el-button v-show="scope.row.status!='流转完成'" type="primary" size="mini"  @click="xiuGai(scope.row.id)">
											修改
										</el-button>
								        <el-button v-show="scope.row.status!='流转完成'" type="primary" size="mini"  @click="deleteById(scope.row.id)">
											删除
										</el-button> -->
										<el-button type="primary" size="mini" @click="chaKan(scope.row.id)">
											查看
										</el-button>
								      </template>
								    </el-table-column>
								  </el-table>
								</template>
							</div>
						</el-col>
					</el-row>
				</el-main>
				<!-- 页尾 -->
				<el-footer>
					<el-row>
						<el-col :span="24">
							  <div class="page">
							    <el-pagination @click="change_page(index)" 
									:page-sizes="[page.size]" 
									:page-size="page.size"
									:current-page.sync="pageYeShu"
									layout="total, sizes, prev, pager, next, jumper" 
									:total="page.total" 
									@current-change="handleCurrentChange"
									:background="true">
								</el-pagination>
							  </div>
						</el-col>
					</el-row>
				</el-footer>
			</el-container>
		</div>
		
	</body>
</html>
<script>
	//3:由Vue挂载elements
	new Vue({
		el:"#app",
		data:{
			id:1,
			search_message:"",
			search_status:"",
			page:[],
			page_total:"",
			pageYeShu:1,
			tableData: [],
			note:[],
		},
		methods: {
			findAll(){
				axios.get(window.gsau+"huojiang/selectshenghe/"+this.pageYeShu).then((res)=>{
					//console.log(res)
					this.tableData=res.data.data[0].records;
					//console.log(this.tableData)
					this.page=res.data.data[0];
					console.log(this.page)
				})
			},
			handleCurrentChange(val){
				this.pageYeShu=val;
				this.findAll();
			},
			chaKan(rowid){
				localStorage.setItem("id",rowid);
				window.location="huojiangcheckxiangxi.html"
			}
			
		},
		created:function(){
			this.findAll()
		},
		
	})
</script>


